<!DOCTYPE html>
<html lang="en">
<head>
    <title>个人中心已登录</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=640, user-scalable=no, target-densitydpi=device-dpi">
    <meta name="format-detection" content="telephone=no"/>
    <script type="text/javascript" src="../js/index.js"></script>
    <link type="text/css" rel="stylesheet" href="../css/layout.css">
    <link type="text/css" rel="stylesheet" href="../css/font-awesome.min.css">
    <script type="text/javascript" src="../js/1.12.3jquery.slim.min.js.js"></script>
</head>
<body>
<div class="outer">
    <a class="new-tips" ><i class="new-tipsicon fa fa-exclamation-circle"></i>新的版本更新3</a>
    <div class="head"></div>
</div>
<div class="container">
    <ul class="per-center">
        <li>在贷：（2000）元</li>
        <li>余额：（2000）元</li>
        <li>在贷：（2000）笔</li>
        <li>历史成交：（2000）元</li>
    </ul>
    <div style="clear: both"></div>
    <div class="remind-txt">今日逾期提醒</div>
    <table class="account-tab tc per-centertab" border="1" cellspacing="0" cellpadding="0" bordercolor="#FF0000">
        <tr>
            <th>客户</th>
            <th>金额</th>
            <th>利率</th>
            <th>逾期时间</th>
            <th>状态</th>
            <th>
                <select class="" name="" id="" style="border: none;">
                    <option value="">排序</option>
                </select>
            </th>
        </tr>
        <tr>
            <td>张三</td>
            <td>400000</td>
            <td>25%</td>
            <td>2018/09/09</td>
            <td><span class="col-red">逾期提醒</span></td>
            <td>
                <a href="">操作</a>
            </td>
        </tr>
    </table>

    <!--个人设置-->
    <ul class="set-perinfo">
        <li>
            <i class="fa fa-cog" aria-hidden="true"></i>
            <div>个人设置</div>
        </li>
        <li>
            <i class="fa fa-address-book-o" aria-hidden="true"></i>
            <div>我的客户</div>
        </li>
        <li>
            <i class="fa fa-handshake-o" aria-hidden="true"></i>
            <div>交流平台</div>
        </li>
    </ul>
    <footer>
        <div class="footer-txt">点击左上角菜单可以选择不同的记账类型</div>
        <div class="footer-btn footer-select "><a href="accounts.html">记账</a></div>
        <div class="footer-btn"><a href="finance-personalinfo.html">营收</a></div>
        <div class="footer-btn"><a href="financing.html">财务</a></div>
        <div class="footer-btn"><a href="my_client.html">我的</a></div>
    </footer>
</div>
</body>
</html>